html{font-size: 20px}
body{font-family: '微软雅黑';height: 100%}
/*zui重置*/
a:focus, a:hover,a{text-decoration: none;outline: none;}
.navbar-toggle{padding: 0 1rem;margin: 0;border:0 none;outline: none;}
.navbar-toggle:focus,.navbar-toggle:active{border: 0 none}
.navbar-collapse{border-top: 0 none}
.navbar{border:0 none;float: right;width: 90%}
.navbar-collapse.in{overflow-y: inherit;}
.navbar-nav{margin: 0}
.nav>li>a:hover{background: transparent;}
/*主体*/
.sm p{text-align: left;}
.sm header{height: 50px;line-height: 50px;position: fixed;top: -50px;left: 0;width: 100%;background: #f5f5f5;z-index: 1}
.sm header > div{width: 62.5%;margin: 0 auto}
.sm header .logo{display: inline-block;font-size: 16px;color: #fd5d2b;padding-left: 3.2em;background: url(../images/logo.png) no-repeat left center;background-size: 2em}
.sm header ul{float: right;font-size: 14px}
.sm header ul li{float: left;}
.sm header ul li:first-child{margin-right: 2em}
.sm header ul .android{color: #5b5b5b;padding-left: 2em;background: url(../images/android.png) no-repeat left center;background-size: 1em}
.sm header ul .ios{color: #b1b1b1;padding-left: 1.875em;background: url(../images/ios.png) no-repeat left center;background-size: .625em}
.sm header ul .android:hover{color: #fd5d2b;background: url(../images/android1.png) no-repeat left center;background-size: 1em}
.section{position: relative;}
.section1{text-align: center;background: url(../images/F_bg.png) no-repeat;background-size: cover}
.section1 .fitst-phone{width: 31.25%;margin-right: 4%;opacity: 0}
.section1 .code{width: 22.4%;opacity: 0}
.section1 .code:hover{border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.7);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);}

.section2{text-align: left;}
.section2 .title{color: #fd5d2b;font-size: 46px;font-weight: normal;margin: 1em 0;opacity: 0}
.section2 .explain{color: #8b8b8b;font-size: 16px;padding-right: 2em;opacity: 0}
.section2 img{opacity: 0}

.section3 .title{color: #fd5d2b;font-size: 46px;font-weight: normal;margin: 2em 0 1em;opacity: 0}
.section3 .explain{color: #8b8b8b;font-size: 16px;padding-right: 2em;opacity: 0}
.section3 .third-img{position: relative;}
.section3 .phone{width: 70%;opacity: 0;}
.section3 .mag{position: absolute;top: 20%;right: 0;width: 50%;opacity: 0;}

.section4 .cont{width: 62.5%;margin: -5% auto 0;}
.section4 .cont .row{margin-bottom: 2%;opacity: 0}
.section4 .cont .ttl{width: 24%}
.section4 .cont .explain{width: 70%;display: inline-block;padding-left: 4em;font-size: 14px;color: #8b8b8b;vertical-align:middle;}
.section4 .cont .explain p:last-child{color: #3b3b3b;font-size: 20px}
.sm .footer{position: fixed;left: 0;bottom: 0;width: 100%;background: #41484f url(../images/line.png) no-repeat 51% center;background-size: auto;font-size: 12px;color: rgba(255,255,255,.4);padding: 10px 0 0}
.sm .footer .name{display: inline-block;text-align: center;}
.sm .footer .logo2{width: 44px;margin-bottom: 12px}
.sm .footer .code{margin-bottom: 10px;width: 80px;}
.sm .footer .line{height: 100%}
.sm .footer a{color: rgba(255,255,255,.4)}

/*重置导航样式*/
#fp-nav ul li{width: 20px;height: 20px;}
#fp-nav ul li a span{display: block;background: transparent url(../images/icon-no.png) no-repeat center;top: 0;left: 0;width: 100%;height: 100%;border:0 none;}
#fp-nav ul li a.active span{background: transparent url(../images/icon-yes.png) no-repeat center;}
#fp-nav ul li:first-child a span,#fp-nav ul li:first-child a.active span{background: transparent url(../images/icon-first.png) no-repeat center;}
/*重置部分动画开始时间*/
.section1 .fitst-phone{animation-fill-mode:both;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.section1 .code{-webkit-animation-delay:1s;animation-delay:1s;-moz-animation-delay: 1s}
.section2 .explain{-webkit-animation-delay:.3s;animation-delay:.3s;-moz-animation-delay: .3s}
.section3 .mag{-webkit-animation-delay:.4s;animation-delay:.4s;-moz-animation-delay: .4s}
.section4 .row2{-webkit-animation-delay:.4s;animation-delay:.4s;-moz-animation-delay: .4s}
.section4 .row3{-webkit-animation-delay:.8s;animation-delay:.8s;-moz-animation-delay: .8s}
.section4 .cont .ttl{animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;}

/*mobile*/
.xs{width: 100%;height: 100%;overflow: auto;}
.xs .cont-box{width: 100%;height: 100%;position: relative;}
.xs .header{height: 50px;line-height: 50px;width: 100%;position: relative;background: #f5f5f5;z-index: 1}
.xs .header .logo{display: inline-block;font-size: .7rem;color: #fd5d2b;padding-left: 2.5em;background: url(../images/logo.png) no-repeat left center;background-size: 2em}
.xs .header ul{float: right;padding-left: 0;font-size: .6rem;}
.xs .header ul li:first-child{border-bottom:1px solid #eee;}
.xs .header ul .android span{color: #5b5b5b;padding-left: 2em;background: url(../images/android.png) no-repeat left center;background-size: 1em}
.xs .header ul .ios span{color: #b1b1b1;padding-left: 2em;background: url(../images/ios.png) no-repeat .1875em center;background-size: .625em}
.xs .header ul .android:active span{color: #fd5d2b;background: url(../images/android1.png) no-repeat left center;background-size: 1em}
.xs .box1{background: url(../images/F_bg.png) no-repeat center;background-size: cover;color: #fff}
.xs .box1 .cont{margin-bottom: 25%;font-size: .9rem}
.xs .box1 img{margin: 30% 0 8%}
.xs .box1 .btn{font-weight: 100;color: #fff;width: 54.4%;margin: 0 auto;background: transparent;border:1px solid #FFF;border-radius: .6rem;font-size: .9rem}
.xs .box1 .btn i{padding-right: .4rem}
.xs .box2{overflow: hidden;}
.xs .box2 p{font-size: 1rem;color: #5b5b5b}
.xs .box2 .mag{position: relative;}
.xs .box2 .mag img:last-child{width: 60%;position: absolute;right: -6%;top: 16%}
.xs .box3{overflow: hidden;}
.xs .box3 .row{margin: 0 0 10.4%}
.xs .box3 p{color: #5b5b5b;text-align: center;font-size: .8rem}
.xs .box3 .row:first-child{margin:10% 0}
.xs .box3 .row:first-child p{font-size: 1rem;}
.xs .box3 img{width: 50%;margin-bottom: .4rem}
.xs .footer{background: #41484f;font-size: .6rem;color: rgba(255,255,255,.4);padding: 1rem 0;line-height: 1.2rem}
.xs .footer .row{margin: 0;text-align: center;line-height: }
.xs .footer .logo2{width: 2rem}
.xs .footer .code{width:28%}
.xs .footer a{color: rgba(255,255,255,.4)}